*{
    padding: 0px;
    margin:0px;
    list-style: none;
}
.class-modal{
    overflow: hidden;
    margin-top: -30px;
}
.modal-title-font{
    font-size: 16px;
}
.modal-photo{
    width: 100%;
    height:240px;
    position: relative;
    overflow: hidden;
}
.photo{
    height: 100%;
    position: absolute;
    top: 25px;
    margin-left: 25%;
}
.content-ul{
    font-size: 16px;
    margin-top: 15px;
}
.content-li{
    margin-bottom:10px ;
    float:left;
    margin-left: 10%;
}
.content-text{
    height: 35px;
    border: 1.5px solid #cccccc;
    border-radius:5px;
}
.contentText{
    height: 35px;
    border: 1.5px solid #cccccc;
    border-radius:5px;
}
.content-describe{
    float: left;
    font-size: 16px;
    margin-left: 10%;
    width:80%;
}
.text-width{
    width:76%;
}
.modal-button{
    margin-right: 45%;
}
.res-photo{
    height: 100%;
    position: absolute;
    top: 25px;
    margin-left: 25%;
}
.photo-text{
    position: absolute;
    right:15.5%;
    bottom: 13.5%;
}
.photo-text-two{
    position: absolute;
    right:14.5%;
    bottom: 0%;
}